<template>
  <div>
    <h2>韩国</h2>
    <div class="box1">
      <img
        src="https://img2.baidu.com/it/u=2507052067,2795352375&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=752"
        alt=""
      />
      <img
        src="https://img2.baidu.com/it/u=265982738,2768848189&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=632"
        alt=""
      />
      <img
        src="https://img0.baidu.com/it/u=1833521124,1662259241&fm=253&fmt=auto&app=138&f=JPEG?w=371&h=499"
        alt=""
      />
      <img
        src="https://img2.baidu.com/it/u=3697901648,996777160&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=580"
        alt=""
      />
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style scoped>
h2 {
  text-align: center;
}
.box1 {
  display: flex;
  justify-content: space-evenly;
}

img {
  width: 320px;
  height: 450px;
}
</style>
